<template>
    <div style="position: absolute;top: 0;bottom: 0;left: 0;right: 0">
        <div id="root">
            <div class="portal--3qlkb">
                <div class="inner--2EPel">
                    <div class="banner--1neOD"></div>
                    <div class="letter--2oV_S">
                        <div class="title1--2-vmA">
                            <div class="title1--2-vmA">充19元送19元</div>
                        </div>
                        <div class="title2--39-g0">
                            <div class="title2--39-g0">共得3800书币</div>
                        </div>
                    </div>
                </div>
                <div class="footer--2Fi6D">
                    <div class="flower--2Jlrw"></div>
                </div>
                <div class="floating--IBwU4">
                    <a href="/shou?id=43">
                        <div class="button-a--34qno"></div>
                    </a>
                    <div class="timer--2OyA4 timer--ZDPPq">8月6日-8月14日</div>
                    <div class="rules--2VVq-">
                        <div>1.此充值为书币充值；</div>
                        <div>2.书币为虚拟物品，不支持退货；</div>
                        <div>3.本次充值活动每人仅限参加2次。</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "77"
    }
</script>

<style scoped>
    .loading--2-w7w {
        color: #fff;
        position: fixed;
        top: 40%;
        left: 50%;
        z-index: 1000;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 15px;
        max-width: 50%;
        border-radius: 5px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: rgba(58, 58, 58, .9)
    }

    .icon--2UZ08 {
        width: 40px;
        height: 40px;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../imgs/c152585d51.png);
        -webkit-animation: loading--2-w7w 1.5s linear infinite;
        animation: loading--2-w7w 1.5s linear infinite
    }

    .text--zLarO {
        font-size: 14px;
        margin-top: 12px
    }

    @-webkit-keyframes loading--2-w7w {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @keyframes loading--2-w7w {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    .timer--2OyA4 {
        color: #fff;
        font-size: 14px;
        line-height: 22px;
        text-align: center
    }

    /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
    html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%
    }

    body {
        margin: 0
    }

    main {
        display: block
    }

    h1 {
        font-size: 2em;
        margin: .67em 0
    }

    hr {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        height: 0;
        overflow: visible
    }

    pre {
        font-family: monospace, monospace;
        font-size: 1em
    }

    a {
        background-color: transparent
    }

    abbr[title] {
        border-bottom: none;
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    b, strong {
        font-weight: bolder
    }

    code, kbd, samp {
        font-family: monospace, monospace;
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub, sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    img {
        border-style: none
    }

    button, input, optgroup, select, textarea {
        font-family: inherit;
        font-size: 100%;
        line-height: 1.15;
        margin: 0
    }

    button, input {
        overflow: visible
    }

    button, select {
        text-transform: none
    }

    [type=button], [type=reset], [type=submit], button {
        -webkit-appearance: button
    }

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

    fieldset {
        padding: .35em .75em .625em
    }

    legend {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: inherit;
        display: table;
        max-width: 100%;
        padding: 0;
        white-space: normal
    }

    progress {
        vertical-align: baseline
    }

    textarea {
        overflow: auto
    }

    [type=checkbox], [type=radio] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }

    [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
        height: auto
    }

    [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    details {
        display: block
    }

    summary {
        display: list-item
    }

    [hidden], template {
        display: none
    }

    body, html {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        color: #333;
        font-size: 16px;
        background-color: #f5f5f5;
        font-family: PingFang SC, Helvetica Neue, Hiragino Sans GB, Helvetica, Microsoft YaHei, sans-serif;
        -webkit-tap-highlight-color: transparent
    }

    * {
        max-height: 999999px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        -webkit-overflow-scrolling: touch;
        -webkit-text-size-adjust: 100% !important
    }

    #root {
        width: 100%;
        height: 100%
    }

    a {
        color: #000;
        text-decoration: none
    }

    .portal--3qlkb {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        margin: 0 auto;
        max-width: 750px;
        min-height: 100%;
        background-color: #f6c3d6
    }

    .inner--2EPel {
        -webkit-box-flex: 9;
        -webkit-flex: 9;
        -ms-flex: 9;
        flex: 9
    }

    .title1--2-vmA {
        font-size: 38px;
        margin-top: 28.66%
    }

    .title1--2-vmA, .title2--39-g0 {
        color: #f92374;
        font-weight: 700;
        text-align: center
    }

    .title2--39-g0 {
        font-size: 30px
    }

    .rules--2VVq- {
        color: #fff;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        width: 100%
    }

    .timer--ZDPPq {
        color: #fff
    }

    .banner--1neOD {
        height: 0;
        width: 100%;
        padding-bottom: 97.6%;
        background-size: cover;
        background-image: url(../imgs/d38444befc.jpg)
    }

    .letter--2oV_S {
        z-index: 50;
        overflow: hidden;
        margin-top: -40.66%;
        padding-bottom: 100.03%;
        background-image: url(../imgs/b75c05d7d6.png)
    }

    .footer--2Fi6D, .letter--2oV_S {
        height: 0;
        width: 100%;
        position: relative;
        background-size: cover
    }

    .footer--2Fi6D {
        margin-top: -55.06%;
        padding-bottom: 55.06%;
        background-image: url(../imgs/ddc82c3175.jpg)
    }

    .flower--2Jlrw {
        height: 0;
        width: 100%;
        z-index: 100;
        bottom: 0;
        position: absolute;
        padding-bottom: 44.13%;
        background-size: cover;
        background-image: url(../imgs/64e6eca9a8.png)
    }

    .button-a--34qno, .button-b--1d1_0 {
        height: 0;
        width: 67.33%;
        margin: 0 auto;
        padding-bottom: 15.86%;
        background-size: contain;
        background-repeat: no-repeat
    }

    .button-a--34qno {
        background-image: url(../imgs/e40588d5b3.gif)
    }

    .button-b--1d1_0 {
        background-image: url(../imgs/e787719a46.gif)
    }

    .floating--IBwU4 {
        z-index: 200;
        margin-top: 114%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
        width: 100%
    }
</style>